
.button {
	background-color: #2b91af;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none
}

.button.small {
	border-radius: 15px;
	float: right;
	margin: 22px 5px 0;
	padding: 6px 15px
}

.button:hover {
	background-color: #1e1e1e
}

.button>span {
	font-size: 84%
}

.button.b-close, .button.bClose {
	border-radius: 7px 7px 7px 7px;
	box-shadow: none;
	font: bold 131% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px
}

.example {
	display: block;
	line-height: 1.25;
	padding: 30px 110px 15px 0
}

#popup, #popup2, .bMulti {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px
}

#popup .logo {
	color: #2b91af;
	font: bold 325% 'Petrona', sans
}

#popup, .bMulti {
	min-height: 250px
}

#popup2 iframe {
	background: url('loader.gif') center center no-repeat;
	min-height: 240px;
	min-width: 450px
}

.loading {
	background: url('loader.gif') center center no-repeat
}

.bMulti p {
	font: 500% 'Petrona', sans-serif;
	padding: 45px 0 0;
	text-align: center
}

.bMulti a {
	left: 175px;
	position: absolute;
	top: 175px
}

.lt-ie9 .bModal {
	background-color: #000
}

.github {
	background: url('images/github.png') 0 0 no-repeat;
	height: 149px;
	width: 149px;
	opacity: .6;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .35s;
	-moz-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.github:hover {
	opacity: 1
}

}
#element_to_pop_up {
	background-color: #fff;
	border-radius: 15px;
	color: #000;
	display: none;
	padding: 20px;
	min-width: 400px;
	min-height: 180px;
}

.b-close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 5px;
}

#element_to_pop_up {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px;
}

#element_to_pop_up2 {
	background-color: #fff;
	border-radius: 15px;
	color: #000;
	display: none;
	padding: 20px;
	min-width: 400px;
	min-height: 180px;
}
#element_to_pop_up2 {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px;
}
#element_to_pop_up3 {
	background-color: #fff;
	border-radius: 15px;
	color: #000;
	display: none;
	padding: 20px;
	min-width: 400px;
	min-height: 180px;
}
#element_to_pop_up3 {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px;
}
